<template>
	<view>
		<view class="list" v-for="(item,index) in list" :key="index">
			<!-- {{list[index].jwcusername}} -->
				<view class="avatar">
					<u-avatar :src="list[index].headImg" size="140" mode="circle"></u-avatar>
				</view>
				<view class="personal">
					<view class="username">
						{{list[index].jwcusername}}
					</view>
					<view class="introduce">
						{{list[index].userNote}}
					</view>
				</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:[]
			}
		},
		onLoad() {
			this.$request({
				method: 'GET', // 默认GET
				url: '/v1/person/gzList',
				header: {
					'Content-Type': 'application/x-www-form-urlencoded'
				},
				data: {
					token: uni.getStorageSync('token'),
				},
			}).then(res => {
				this.list=res.data.gz;
				console.log(this.list)
			}).catch(res => {
				// 失败后执行
			})
		}
	}
</script>

<style>
	.list {
		padding: 24rpx 48rpx;
		height: 188rpx;
		background-color: white;
		border-bottom: 2rpx solid #dbdbdb;
	}
	
	.avatar {
		float: left;
		height: 100%;
		width: 32%;
	}
	
	.username {
		font-family: FZZJ-YZDKJW;
		font-size: 48rpx;
		line-height: 80rpx;
	}
	
	.introduce {
		font-family: FZZJ-FYJW;
		font-size: 24rpx;
		height: 72rpx;
		overflow: hidden;
	}
</style>
